<template>
  <div :class="bem()">
    <div :class="bem('body')">
      <div style="color: #fff">
        <img :src="DI_LOGO"/>
        <div style="margin-top: 10px;font-weight: bold">
          <div>CopyRight © 2022   yaolong-门户网站基础构建框架 </div>
          <div>渝ICP备xxxxxxx号-1</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer"
}
</script>

<script setup>

import {createBEM} from "/@/utils/bem";
import {useRoute} from "vue-router";
import DI_LOGO from '/@/assets/logo.png'
const [bem] = createBEM('footer');
</script>

<style lang="less" scoped>
@prefix-cls: ~'@{namespace}-footer';

.@{prefix-cls} {
  background-color: @theme-color;
  min-width: @layout-main-width;
  width: 100%;
  height: 150px;
  &__body {
    width: @layout-main-width;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    img{
      height: 40px;
    }

  }
}
</style>
